<template>
  <view class="fans">
    <!-- 用户粉丝 -->
    <userFans :fansData="userFansData" />
  </view>
</template>

<script lang="ts" setup>
import userFans from '@/components/user-fans.vue';
import type {UserFans} from '@/types/user-details'
import { ref } from 'vue'

const userFansData = ref<UserFans[]>([
  { id: 1, name: '毕业燕燕', grade: '大四', major: '视觉传达', avatar: '/static/user/user.jpg' },
  { id: 2, name: '毕业燕燕', grade: '大四', major: '视觉传达', avatar: '/static/user/user.jpg' },
  { id: 3, name: '毕业燕燕', grade: '大四', major: '视觉传达', avatar: '/static/user/user.jpg' },
  { id: 4, name: '毕业燕燕', grade: '大四', major: '视觉传达', avatar: '/static/user/user.jpg' },
  { id: 5, name: '毕业燕燕', grade: '大四', major: '视觉传达', avatar: '/static/user/user.jpg' },
  { id: 6, name: '毕业燕燕', grade: '大四', major: '视觉传达', avatar: '/static/user/user.jpg' },
  { id: 7, name: '毕业燕燕', grade: '大四', major: '视觉传达', avatar: '/static/user/user.jpg' },
  { id: 8, name: '毕业燕燕', grade: '大四', major: '视觉传达', avatar: '/static/user/user.jpg' },
  { id: 9, name: '毕业燕燕', grade: '大四', major: '视觉传达', avatar: '/static/user/user.jpg' },
  { id: 10, name: '毕业燕燕', grade: '大四', major: '视觉传达', avatar: '/static/user/user.jpg' },
])

</script>

<style scoped lang="scss"></style>